<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>onmousedown onmouseup</title>
	<style type="text/css">
		#one{width:200px; height:200px;background: pink;}
	</style>
</head>
<body>
	<div id ='one'></div>
	<script type="text/javascript">
	//获取元素
	var one =document.getElementById('one');

	//鼠标按下事件
	one.onmousedown =function()
	{
		alert('我已经按下啦');
	}

	one.onmouseup =function()
	{
		alert('真抬起我啊');
	}

	</script>
</body>
</html>